//
//组件框架
//


//
//bar-color
//
@mixin gradient($from, $to){
  background-image: -webkit-gradient(center top,$from,$to);
  background-image: -webkit-linear-gradient(center top, $from, $to);
  background-image: -moz-linear-gradient(center top, $from, $to);
  background-image: -o-linear-gradient(center top, $from, $to);
  background-image: -ms-linear-gradient(center top, $from, $to);
  background-image: linear-gradient(center top, $from, $to);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
}

//
//Buttons
//
@mixin button-variant($color, $background, $border) {
  color: $color;
  background-color: $background;
  border-color: $border;
}